<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Footer link style sample</title>
    <style>
        a.footer-link {
            font-family: Verdana, sans-serif;
            font-weight: bold;
            font-size: 75%;
            text-decoration: none;
        }

        a.footer-link:link,
        a.footer-link:visited {
            color: #6479a0;
        }

        a.footer-link:hover,
        a.footer-link:active {
            color: #e03a3e;
        }

        /* selector.class:pseudo-class */

        /* a.footer-link:hover */
    </style>
</head>
<body>
    <footer>
        <h1>Sample Link Style</h1>
        <p>
            <a class="footer-link" href="footer-link-style-sample.html">The first time you see me, I should be a light blue, bold, non-underlined link in the Verdana font</a>.
        </p>
    </footer>
</body>
</html>